/***Layers css***/

.layersBox {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(226, 220, 220, 0.32);
	z-index: 100;
}
.layersInfoBox {
	position: absolute;
	top: 45%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);;
	-ms-transform: translate3d(-50%,-50%,0);; 	/* IE 9 */
	-moz-transform: translate3d(-50%,-50%,0);; 	/* Firefox */
	-webkit-transform: translate3d(-50%,-50%,0);; /* Safari 和 Chrome */
	-o-transform: translate3d(-50%,-50%,0);;  
    
}
.layersInfo {
	display: block;
	height: 30px;
	padding: 5px 8px;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #000;
	opacity: .5;
	animation: scale .5s 1;
	-webkit-animation: scale .5s 1; /* Safari 和 Chrome */
}

/***animation***/
@keyframes scale {
	from {
		transform: scale(0, 0);
		-ms-transform: scale(0, 0); 	/* IE 9 */
		-moz-transform: scale(0, 0); 	/* Firefox */
		-webkit-transform: scale(0, 0); /* Safari 和 Chrome */
		-o-transform: scale(0, 0);  
	}
	to {
		transform: scale(1,1);
		-ms-transform: scale(1,1);	/* IE 9 */
		-moz-transform: scale(1,1);	/* Firefox */
		-webkit-transform: scale(1,1);/* Safari 和 Chrome */
		-o-transform: scale(1,1); 
	}
}
@-webkit-keyframes scale {
	from {
		transform: scale(0, 0);
		-ms-transform: scale(0, 0); 	/* IE 9 */
		-moz-transform: scale(0, 0); 	/* Firefox */
		-webkit-transform: scale(0, 0); /* Safari 和 Chrome */
		-o-transform: scale(0, 0);  
	}
	to {
		transform: scale(1,1);
		-ms-transform: scale(1,1);	/* IE 9 */
		-moz-transform: scale(1,1);	/* Firefox */
		-webkit-transform: scale(1,1);/* Safari 和 Chrome */
		-o-transform: scale(1,1); 
	}
}